<template>
  <section class="agreement">
    <p>
      用户协议用户协议用户协议用户协议用户协议
    </p>
  </section>
</template>

<script>
  import {XInput, XButton} from 'vux'
  export default {
    name: 'login',
    components: {
      XInput,
      XButton
    },
    data () {
      return {
        buttonColor: ['#1D62F0', '#19D5FD'],
        phone: '',
        pwd: ''
      }
    },
    methods: {
      doLogin () {
        let param = {
          phone: this.phone,
          pwd: this.pwd
        }
        console.log(param)
        this.$router.push({path: '/'})
      },
      goRegister () {
        this.$router.push({path: '/register'})
      },
      forgotPwd () {
        this.$router.push({path: '/forgot'})
      }
    }
  }
</script>

<style lang="less" scoped>
  .agreement {
    height: 100%;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    .title {
      text-align: center;
      font-size: 30px;
    }
  }
</style>
